<template>
  <div class="container">
    <div class="app-container">
      <el-table
        :data="tableData"
        border
        style="width: 100%"
      >
        <el-table-column
          prop="date"
          label="日期"
          width="180"
        />
        <el-table-column
          prop="name"
          label="姓名"
          width="180"
        />
        <el-table-column
          prop="address"
          label="地址"
        />
      </el-table>
    </div>
  </div>
</template>
<script>
import { getSocial } from '@/api/social'
export default {
  name: 'Social',
  data() {
    return {
      tableData: []
    }
  },
  created() {
    this.getSocial()
  },
  methods: {
    async  getSocial() {
      const res = await getSocial()
      console.log(res)
      this.tableData = res.data
    }
  }
}
</script>
